.tree {
	padding-left:9px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative
}
.tree:before {
	display:inline-block;
	content:"";
	position:absolute;
	top:-20px;
	bottom:16px;
	left:0;
	border:1px dotted #67b2dd;
	border-width:0 0 0 1px;
	z-index:1
}
.tree .tree-folder {
	width:auto;
	min-height:20px;
	cursor:pointer
}
.tree .tree-folder .tree-folder-header {
	position:relative;
	height:20px;
	line-height:20px
}
.tree .tree-folder .tree-folder-header:hover {
	background-color:#f0f7fc
}
.tree .tree-folder .tree-folder-header .tree-folder-name,.tree .tree-item .tree-item-name {
	display:inline;
	z-index:2
}
.tree .tree-folder .tree-folder-header>[class*="fa-"]:first-child,.tree .tree-item>[class*="fa-"]:first-child {
	display:inline-block;
	position:relative;
	z-index:2;
	top:-1px
}
.tree .tree-folder .tree-folder-header .tree-folder-name {
	margin-left:2px
}
.tree .tree-folder .tree-folder-header>[class*="fa-"]:first-child {
	margin:-2px 0 0 -2px
}
.tree .tree-folder:last-child:after {
	display:inline-block;
	content:"";
	position:absolute;
	z-index:1;
	top:15px;
	bottom:0;
	left:-15px;
	border-left:8px solid #FFF
}

.tree .tree-folder .tree-folder-content {
	margin-left:23px;
	position:relative
}
.tree .tree-folder .tree-folder-content:before {
	display:inline-block;
	content:"";
	position:absolute;
	z-index:1;
	top:-14px;
	bottom:16px;
	left:-14px;
	border:1px dotted #67b2dd;
	border-width:0 0 0 1px
}
.tree .tree-item {
	position:relative;
	height:20px;
	line-height:20px;
	cursor:pointer
}
.tree .tree-item:hover {
	background-color:#f0f7fc
}
.tree .tree-item .tree-item-name {
	margin-left:3px
}
.tree .tree-item .tree-item-name>[class*="fa-"]:first-child {
	margin-right:3px
}
.tree .tree-item>[class*="fa-"]:first-child {
	margin-top:-1px
}
.tree .tree-folder,.tree .tree-item {
	position:relative
}
.tree .tree-folder:before,.tree .tree-item:before {
	display:inline-block;
	content:"";
	position:absolute;
	top:14px;
	left:-13px;
	width:18px;
	height:0;
	border-top:1px dotted #67b2dd;
	z-index:1
}
.tree .tree-selected {
	background-color:rgba(98,168,209,0.1);
	color:#6398b0
}
.tree .tree-selected:hover {
	background-color:rgba(98,168,209,0.1)
}
.tree .tree-item,.tree .tree-folder {
	border:1px solid #FFF
}
.tree .tree-folder .tree-folder-header {
	border-radius:0
}
.tree .tree-item,.tree .tree-folder .tree-folder-header {
	margin:0;
	padding:5px;
	color:#4d6878;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.tree .tree-item>[class*="fa-"]:first-child {
	color:#f9e8ce;
	width:13px;
	height:13px;
	line-height:13px;
	font-size:11px;
	text-align:center;
	border-radius:3px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	background-color:#fafafa;
	border:1px solid #CCC;
	box-shadow:0 1px 2px rgba(0,0,0,0.05)
}
.tree .tree-selected>[class*="fa-"]:first-child {
	background-color:#f9a021;
	border-color:#f9a021;
	color:#FFF
}
.tree .fa-plus[class*="fa-"]:first-child,.tree .fa-minus[class*="fa-"]:first-child {
	border:1px solid #DDD;
	vertical-align:middle;
	height:11px;
	width:11px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	text-align:center;
	border:1px solid #8baebf;
	line-height:10px;
	background-color:#FFF;
	position:relative;
	z-index:1
}
.tree .fa-plus[class*="fa-"]:first-child:before {
	display:block;
	content:"+";
	font-family:"Open Sans";
	font-size:16px;
	position:relative;
	z-index:1
}
.tree .fa-minus[class*="fa-"]:first-child:before {
	content:"";
	display:block;
	width:7px;
	height:0;
	border-top:1px solid #4d6878;
	position:absolute;
	top:5px;
	left:2px
}
.tree .tree-unselectable .tree-item>[class*="fa-"]:first-child {
	color:#5084a0;
	width:13px;
	height:13px;
	line-height:13px;
	font-size:10px;
	text-align:center;
	border-radius:0;
	background-color:transparent;
	border:0;
	box-shadow:none
}
.tree [class*="fa-"][class*="-down"] {
	transform:rotate(-45deg)
}
.tree .fa-spin {
	height:auto
}
.tree .tree-loading {
	margin-left:36px
}
.tree img {
	display:inline;
	veritcal-align:middle
}